<!--
 * @Author: 熔岩巨兽 2141826215@qq.com
 * @Date: 2024-08-27 22:08:31
 * @LastEditTime: 2024-08-27 22:36:56
 * @LastEditors: 熔岩巨兽 2141826215@qq.com
 * @FilePath: \vue-vite-project\src\views\CommunicationMode\propsCom\props.vue
 * Copyright (c) 2024 by 熔岩巨兽 2141826215@qq.com, All Rights Reserved. 
-->
<template>
  <div class="props_warpper">
    <h1>props通信方式实现：{{ name }}</h1>
    <Children
      info="我是静态数据"
      :parentInfo="parentInfo"
      :parentCard="parentCard"
    />
  </div>

  <div></div>
</template>

<script lang="ts" setup name="ComponentName">
import Children from "./children.vue";
import { reactive, ref, version } from "vue";
const name = ref("我是父组件的name");
const parentInfo = ref("爸爸给儿子的信息！！");
const parentCard = reactive({
  name: "宝马",
  version: "Z4",
  price: 1000000,
});
</script>

<style scoped>
.props_warpper {
  height: 300px;
  padding: 20px;
  background-color: aquamarine;
  color: #000;
}
</style>
